<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>商品详情details</title>
	<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/details.css">
	
	<!--[if lte IE 6]>
		<script src="node_modules/html5shiv/src/html5shiv.js"></script>
		<script src="node_modules/respond/respond.js" ></script>
	<![endif]-->

</head>
<body>
	<!-- ==============  header E   ============== -->
	<header>
		<div class="header_top clearfix">
			<img class="fl" src="images/header_logo.png" alt="">
			<img class="fr" src="images/header_app.png" alt="">
		</div>
		<div class="search">
			<input class="fl" type="search" placeholder="请输入您想比价的商品">
			<input class="fr" type="button" value="搜索">
		</div>
	</header>
	<!-- ==============  header E   ============== -->




	<!-- ==============  main B   ============== -->
	<main>
		<div>
			<div class="top" id='detail_top'>
				<a href="index.html">首页></a>
				<span class="template1"></span>
				<a href="#"></a>
				<input type="button" value="筛选" class="fr">
			</div>	
		</div>


		<script type='text/html' id='template1'>
			<a href="lists.html?{{result[0].categoryId}}">{{result[0].category}}></a>
		</script>


		<section>
			<div class="name">aaaa乐视TV(Letv)S50 Air全配版2D 50英寸 全高清LED液晶电视</div>
			<div class="img">
				<!-- <img src="images/ic_kb.png" alt=""> -->
			</div>
			<div class="container">
				<div class="row">
				  <div class="col-xs-4">比价购买</div>
				  <div class="col-xs-4">产品参数</div>
				  <div class="col-xs-4">评价</div>
				</div>
			</div>
			<span></span>
			<div class='explain'>*实际价格以网站列出的实际价格为准，我们提供的价格可能有数小时到数日的延时期</div>
		</section>
	</main>
		
	<!-- ==============  main E   ============== -->

	<div class="comment">
		<div class="comment_top">网友评价</div>
		<div class="comment_main">
			<div class="clearfix">
				<span class="fl">t****</span>
				<span class="fr">2016</span>
			</div>
			<div>购买自***</div>
			<div>两周****************</div>
		</div>
	</div>
	
	<script type='text/html' id='template2'>
		{{if result}}
			{{each result as value i}}
			<div>
				<div class="clearfix">
					<span class="fl">{{value.comName}}</span>
					<span class="fr">{{value.comTime}}</span>
				</div>
				<div>{{value.comFrom}}</div>
				<div>{{value.comContent}}</div>
			</div>
			{{/each}}
		{{/if}}
	</script>













	<footer>
		<div class="container">
			<div class="row">
			    <div class="col-xs-4"><a href="#">登录</a></div>
			    <div class="col-xs-4 footer_center"><a href="#">注册</a></div>
			    <div class="col-xs-4"><a href="#">返回顶部</a></div>
			</div>
		</div>
		<div class="footer_b">
			<span class='footer_span_1'><a href="#">手机APP下载</a></span>
			<span>慢慢卖手机版--掌上比价平台</span><br>
			<span class='footer_span_2'>m.manmanbuy.com</span>
		</div>
	</footer>

	<script src="node_modules/jquery/dist/jquery.js" ></script>
	<script src="node_modules/bootstrap/dist/js/bootstrap.js" ></script>
	<script src="lib/template.js"></script>
	<script src="js/details.js"></script>
</body>
</html>